import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"
import { resolve } from "path"
import styleImport from "vite-plugin-style-import"
import ViteComponents, { ElementPlusResolver } from "vite-plugin-components"
export default defineConfig({
  plugins: [
    vue(),
    // 按需导入element-plus组件
    ViteComponents({
      customComponentResolvers: [ElementPlusResolver()]
    }),
    // 按需导入element-plus样式
    styleImport({
      libs: [
        {
          libraryName: "element-plus",
          esModule: true,
          resolveStyle: name => {
            return `element-plus/theme-chalk/${name}.css`
          }
        }
      ]
    })
  ],
  css: {
    preprocessorOptions: {
      less: {
        charset: false,
        additionalData: '@import "./src/assets/style/global.less";'
      }
    }
  },
  resolve: {
    alias: {
      "@": resolve("./src")
    }
  },
  base: "./",
  server: {
    port: 4000,
    open: true,
    cors: true
  }
})
